// container ghost card in modal
.o_legacy_kanban_examples_dialog{
    display: flex;
    padding: 0px;
    background: map-get($theme-colors, 'light');

    // sidebar
    .o_kanban_examples_dialog_nav {
        flex: 0 0 auto;
        border-right: 1px solid map-get($grays, '300');
        background: white;
        height: fit-content;

        > ul > li {
            margin: 0;
            border-bottom: 1px solid map-get($grays, '300');

            > a {
                padding: 12px 15px;
                color: $o-main-text-color;
                border-left: 3px solid transparent;
                &:focus {
                    outline: none;
                }
            }
            &.active > a {
                color: $headings-color;
                border-left-color: $o-brand-primary;
                font-weight: bold;
            }
        }
    }

    // content
    .o_kanban_examples_dialog_content {
        flex: 1 1 100%;
        min-height: 300px;

        .o_kanban_examples_description {
            padding: 16px 16px 0;
            text-align: justify;
        }
    }
}

// container ghost card in background
.o_kanban_example_background_container {

    // content
    .o_kanban_example_background {
        flex-basis: 100%;

        .o_kanban_examples {
            .o_kanban_examples_group {
                .o_kanban_examples_ghost {
                    width: $o-kanban-small-record-width;
                }
            }
        }
    }
}


// kanban ghost card
.o_kanban_examples {
    .o_kanban_examples_group {
        flex-basis: 100%;

        .o_kanban_examples_ghost {
            &.o_collapse {
                margin-top: -1px;
            }
            .o_ghost_avatar {
                height: 20px;
                width: 20px;
            }
        }
    }
}
